$(document).ready(function(){
	
	renderCategory();
	
	$('#add-category').on('click',function(){
		
		if(checkCategoryEdit()==false)
			{return;}
		
		createCategory();
		
		
	})
	
	$('#update-category').on('click',function(){
		if(checkCategoryEdit()==false)
		{return;}
		
		if ($('#category-sel li.sel').length == 0) {
	        showinfo($('#category-error'),'请先选中加工类别');
	        return;
	    }
		
//		if(removeCategory()==false)
//			{return;}
		
		updateCategory();
	})
	
	$('#remove-category').on('click',function(){
		removeCategory();
	})
	
	
	$('#category-sel ').on('click','li', function () {

        $('#category-sel li.sel').removeClass('sel');

        $(this).addClass('sel');

        var data = $(this).attr('value');

        $('#process-category-name').val(data);

        

	})
	
	
})


function renderCategory()
{
	var value=$('#process-category').val();
	
	value=value.split(',');
	
	
	
	 var tp = $('#category-sel');

	    tp.empty();

	    for (var i = 0; i < value.length; i++) {

	        var li = renderCategoryLi(value[i]);

	        tp.append(li);

	    }
	
		
}

function renderCategoryForObj(value)
{
	
	value=value.split(',');
	
	
	
	 var tp = $('#category-sel');

	    tp.empty();

	    for (var i = 0; i < value.length; i++) {

	        var li = renderCategoryLi(value[i]);

	        tp.append(li);

	    }
	
		
}

function renderCategoryLi(t,c)
{
	return '<li class="'+c+'" value=\'' + t + '\'>' + t +'</li>';
}


function removeCategory() {

    if ($('#category-sel li.sel').length == 0) {
        showinfo($('#category-error'),'请先选中加工类别');
        return false;
    }

    $('#category-sel li.sel').remove();

    return true;
}

function createCategory(obj)
{

	$('#category-sel li.sel').removeClass('sel');
	
    var t = $('#process-category-name').val();    
    
    
    var li = renderCategoryLi(t,"sel");
       
    
    $('#category-sel').append(li);
    
    
    
}

function updateCategory()
{
	var t = $('#process-category-name').val();      
    
    var li = renderCategoryLi(t,"pre-sel");
       
    $('#category-sel li.sel').after(li);
    
    removeCategory();
    
    
    $('#category-sel li.pre-sel').addClass("sel").removeClass("pre-sel");
}

function checkCategoryEdit()
{
	if ($.trim($('#process-category-name').val()) == '') {
		showinfo($('#category-error'),'请输入加工类别');
        $('#process-category-name').focus();
        return false;
    }
	
	return true;
}

function getCategoryValue()
{
	var lis = $('#category-sel li');

    var result = new Array();

    for (var i = 0; i < lis.length; i++)
    {
        var t = lis[i].getAttribute('value');

        result.push(t);

    }

    return result.sort().join(',');
}
